<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="{$navCur.keywords}"/>
    <meta name="description" content="{$navCur.description}"/>
    <title>{$navCur.seotitle}_{$site.site_name}</title>
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/wwh/css/swiper.min.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/wwh/css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/wwh/css/style.css">
    <link rel="stylesheet" type="text/css" href="__CDN__/assets/addons/wwh/css/media.css">
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/jquery.min.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/swiper.min.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/swiper.animate1.0.3.min.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/wow.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/menu.js"></script>
    <script type="text/javascript" src="__CDN__/assets/addons/wwh/js/javascript.js"></script>
    <link rel="shortcut icon" href="__CDN__/assets/addons/wwh/images/favicon.ico">
</head>
<style>
    #container{
        height:100%;
        width:100%;
    }
    .amap-icon img{
        width: 37px;
        height: 50px;
    }
</style>
<body>
<!--头部-->
{include file="header" /}
<!-- 栏目Banner -->
<div class="col-banner">
    <div class="text">
        <div class="title wow fadeInUp" data-wow-delay="0.3s">
            <h3>{$site.ban5_t1}</h3><i></i>
        </div>
    </div>
    <div class="img">
        <div class="pic" style="background-image: url('{$site.banner5|cdnurl}');">
            <img src="__CDN__/assets/addons/wwh/images/col_size.png" class="img-block" alt="">
        </div>
    </div>
    <div class="banner-path wow fadeInLeft" data-wow-delay="0.4s">
        <div class="container-outer">
            <div class="icon"><img src="__CDN__/assets/addons/wwh/images/home.svg" class="img-center"></div>
            <div class="link">
                <a href="{:addon_url('wwh/index/index')}">首页</a>
                <span>/</span>
                <a href="{:addon_url('wwh/index/column', [':diyname'=>$top.diyname])}">{if condition="($navCur.parent_id == '0')"} {$navCur.name} {else /} {$top.name} {/if}</a>
                <span>/</span>
                <a href="{:addon_url('wwh/index/column', [':diyname'=>$navCur.diyname])}" class="cur">{if condition="($navCur.parent_id == '0')"}公司概况{else /}{$navCur.name}{/if}</a>
            </div>
        </div>
    </div>
</div>
<!-- 内容 -->
<div class="contact-detail">
    <div class="container-outer">
        <div class="address-items">
            <div class="item wow fadeInUp" data-wow-delay="0.5s">
                <div class="icon">
                    <img src="__CDN__/assets/addons/wwh/images/tel.png" class="img-center">
                    <img src="__CDN__/assets/addons/wwh/images/yuan.png" class="img-block">
                </div>
                <div class="title">咨询热线</div>
                <div class="text">{$contact.tel}</div>
            </div>
            <div class="item wow fadeInUp" data-wow-delay="0.6s">
                <div class="icon">
                    <img src="__CDN__/assets/addons/wwh/images/mail.png" class="img-center">
                    <img src="__CDN__/assets/addons/wwh/images/yuan.png" class="img-block">
                </div>
                <div class="title">联系邮箱</div>
                <div class="text">{$contact.email}</div>
            </div>
            <div class="item wow fadeInUp" data-wow-delay="0.7s">
                <div class="icon">
                    <img src="__CDN__/assets/addons/wwh/images/time.png" class="img-center">
                    <img src="__CDN__/assets/addons/wwh/images/yuan.png" class="img-block">
                </div>
                <div class="title">工作时间</div>
                <div class="text">{$contact.time}</div>
            </div>
            <div class="item wow fadeInUp" data-wow-delay="0.8s">
                <div class="icon">
                    <img src="__CDN__/assets/addons/wwh/images/add.png" class="img-center">
                    <img src="__CDN__/assets/addons/wwh/images/yuan.png" class="img-block">
                </div>
                <div class="title">联系地址</div>
                <div class="text">{$contact.address}</div>
            </div>
        </div>
        <div class="market-detail">
        <div class="market-detail-box flexBetween">
            <div class="market-left">
                <ul>
                    {wwh:market id="v"}
                    <li class="flexStart {if $v.id == '1'}active{/if} wow fadeInUp" data-wow-delay="0.9s">
                        <span class="span1"></span>
                        <div class="text">
                            <span>{$v.citylist}</span>
                        </div>
                    </li>
                    {/wwh:market}
                </ul>
            </div>
            <div class="market-right">
                <div class="main wow fadeInUp" data-wow-delay="0.9s">
                    {wwh:market id='v'}
                    <div class="frame {if $v.id == '1'}active{/if}">
                        <div class="bot">
                            <h6>{$v.citylist}</h6>
                            <div>
                                <p class="add">地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址：{$v.address}</p>
                                <p class="sale">销售咨询：{$v.sale}</p>
                                {if $v.tech}<p class="tech">技术热线：{$v.tech}</p>{/if}
                                <p class="mail">销售邮箱：{$v.mail}</p>
                                {if $v.fax}<p class="fax">传&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;真：{$v.fax}</p>{/if}
                            </div>
                        </div>
                    </div>
                    {/wwh:market}
                </div>
            </div>
        </div>
        </div>
    </div>
</div>
<!--底部-->
{include file="footer" /}
<script type="text/javascript">
    $('.market-detail .market-detail-box .market-left ul li').click(function () {
        var ind = $(this).index();
        $('.market-detail .market-detail-box .market-right .main .frame').eq(ind).addClass('active').siblings().removeClass('active');
        $(this).addClass('active').siblings().removeClass('active');
    });
</script>
</body>
</html>
